<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link th:href="@{/css/default.css}" rel="stylesheet"/>
    <link rel="icon" th:href="@{/images/favicon.ico}" type="image/x-icon"/>
    <meta charset="UTF-8">
    <title>top</title>
</head>
<body>
<nav class="navbar navbar-default" role="navigation" style="position: fixed;width: 100%;top: 0;left: 0">
    <div class="container-fluid">
        <div class="navbar-header">
            <a class="navbar-brand" href="/">kong-dashboard</a>
        </div>
        <div>
            <ul class="nav navbar-nav">
                <li th:if="${nav_service ne null and nav_service}" class="active"><a href="/kong/services">services</a></li>
                <li th:if="${nav_service eq null}"><a href="/kong/services">services</a></li>
                <li th:if="${nav_route ne null and nav_route}" class="active"><a href="/kong/routes">routes</a></li>
                <li th:if="${nav_route eq null}"><a href="/kong/routes">routes</a></li>
                <li th:if="${nav_plugin ne null and nav_plugin}" class="active"><a href="/kong/plugins">plugins</a></li>
                <li th:if="${nav_plugin eq null}"><a href="/kong/plugins">plugins</a></li>

                <li th:if="${nav_upstream ne null and nav_upstream}" class="active"><a href="/kong/upstreams">upstreams</a></li>
                <li th:if="${nav_upstream eq null}"><a href="/kong/upstreams">upstreams</a></li>
                <li th:if="${nav_target ne null and nav_target}" class="active"><a>targets</a></li>
                <li th:if="${nav_target eq null}"><a>targets</a></li>

                <li th:if="${nav_consumer ne null and nav_consumer}" class="active"><a href="/kong/consumers">consumers</a></li>
                <li th:if="${nav_consumer eq null}"><a href="/kong/consumers">consumers</a></li>
                <li><a href="/logout">logout</a></li>
                <!--<li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        Java
                        <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="#">jmeter</a></li>
                        <li><a href="#">EJB</a></li>
                        <li><a href="#">Jasper Report</a></li>
                        <li class="divider"></li>
                        <li><a href="#">分离的链接</a></li>
                        <li class="divider"></li>
                        <li><a href="#">另一个分离的链接</a></li>
                    </ul>
                </li>-->
            </ul>
        </div>
    </div>
</nav>
<!--
<div class="contentdiv">
    <h2> kong-dashboard</h2>
    <label>

    <span> <a href="/kong/services">services</a> </span>
    <span> <a href="/kong/routes">routes</a> </span>
    <span> <a href="/kong/plugins">plugins</a> </span>
    <span> <a href="/kong/consumers">consumers</a> </span>
    <span> <a href="/logout">logout</a> </span>
    </label>
</div>-->

</body>
</html>